<template>
	<view class="about-us">
		<view class="title-view">
			<view class="title-content">
				<view class="title-text">关于我们</view>
				<view class="title-chars">
					<view>NUOZHONG</view>
					<view>About Us</view>
				</view>
			</view>
		</view>

		<view class="cell-view">
			<view class="cell-item">
				<view class="label-view">
					<view class="label-text">5</view>
					<view class="label-desc">亿元</view>
				</view>
				<view class="cell-desc">实缴注册资本</view>
			</view>
			<view class="cell-item">
				<view class="label-view">
					<view class="label-text">20</view>
					<view class="label-desc">余家</view>
				</view>
				<view class="cell-desc">分公司遍布全国</view>
			</view>
			<view class="cell-item">
				<view class="label-view">
					<view class="label-text">50</view>
					<view class="label-desc">亿元</view>
				</view>
				<view class="cell-desc">累计管理资金</view>
			</view>
			<view class="cell-item">
				<view class="label-view">
					<view class="label-text">1</view>
					<view class="label-desc">万余名</view>
				</view>
				<view class="cell-desc">已服务客户</view>
			</view>
		</view>

		<view class="about-desc">
			<text class="empty-text">65165</text>
			<text
				class="desc-text">大连诺众投资咨询有限公司（以下简称：诺众）成立于2013年4月2日，总部位于美丽的海滨城市大连，注册资金实缴人民币5亿元。诺众成立至今，始终精耕于不良资产行业，并拥有一支经验丰富的、以不良资产多元化处置为核心的不良资产处置团队。公司相关业务均以优质的不良资产为底层资产，项目及业务类型包括：受托资产管理、金交所项目及金融服务外包业务等。</text>
		</view>

		<view class="image-view">
			<view class="image-item">
				<image src="/static/pc/about-bg-1.png" class="image-bg" mode="aspectFill"></image>
				<image src="/static/pc/about-icon-1.png" class="image-icon"></image>
				<view class="title-text">愿景与使命</view>
				<view class="desc-text">顾大局、讲规矩，随时以主人翁精神迎接挑战，</view>
				<view class="desc-text">共同实现“诺众天下，丰裕万家”的企业愿景</view>
			</view>
			<view class="image-item">
				<image src="/static/pc/about-bg-2.png" class="image-bg"  mode="aspectFill"></image>
				<image src="/static/pc/about-icon-2.png" class="image-icon"></image>
				<view class="title-text">企业观价值</view>
				<view class="desc-text">忠诚、感恩是我们为人之本；敬业、奉献是我们职责所在；</view>
				<view class="desc-text">成果、目标是我们价值体现。</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "Template",
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.about-us {
		width: 100%;
		padding-bottom: 34px;
		background: white;
		@extend .column;

		.title-view {
			width: 100%;
			padding-top: 110px;
			@extend .column;

			.title-content {
				@extend .row;
				margin-left: 60px;
				color: #1F0C00;

				.title-text {
					font-weight: 600;
					font-size: 46px;
				}

				.title-chars {
					font-size: 14px;
					margin-left: 6px;
				}
			}
		}

		.cell-view {
			@extend .row;
			margin-top: 72px;

			.cell-item {
				@extend .column;
				align-items: flex-start;

				.label-view {
					@extend .row;
					align-items: baseline;
					color: #1F0C00;

					.label-text {
						font-weight: bold;
						font-size: 46px;
					}

					.label-desc {
						font-size: 16px;
					}
				}

				.cell-desc {
					font-size: 14px;
					color: #1F0C00;
					margin-top: 6px;
				}
			}

			.cell-item+.cell-item {
				margin-left: 190px;
			}
		}

		.about-desc {
			width: 1120px;
			margin-top: 40px;

			.empty-text {
				opacity: 0;
				color: white;
			}

			.desc-text {
				font-weight: 400;
				font-size: 16px;
				color: #1F0C00;
			}
		}

		.image-view {
			width: 1200px;
			margin-top: 48px;
			@extend .row;

			.image-item {
				width: calc(100% / 2);
				height: 336px;
				position: relative;
				@extend .column;

				.image-bg {
					width: 100%;
					height: 100%;
					position: absolute;
					z-index: 1;
				}

				.image-icon {
					width: 55px;
					height: 55px;
					position: relative;
					z-index: 2;
				}

				.title-text {
					font-weight: 600;
					font-size: 22px;
					color: #FFFFFF;
					position: relative;
					z-index: 2;
					margin-top: 9px;
					margin-bottom: 14px;
				}

				.desc-text {
					font-weight: 600;
					font-size: 18px;
					color: #FFFFFF;
					position: relative;
					z-index: 2;
				}
			}
		}
	}
</style>